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ABSTRACT 


A musical instrument store is a web based application where users can view various musical 
instruments along with their description. The project provides user with a flexible and attractive 


GUI and shows him a list of products and carry out all the shopping activities online. 


This project is developed for users to have a brief look at the instruments without actually visiting 
the store. The website displays different kinds of instruments of different brands so that user can 


easily get their expected instrument. 


Users can explore instruments available and add it to their cart. Once the user is done with products 
selection, the system calculates the overall cost of the products bought and generates online bill 
for the user. User can even make payment online using credit card system. Having paid the bill 
online the user receives an email notification on his registered email id that provides a bill receipt 
of the instruments bought. The system also has an admin account that shows when visitors visited 


the site, which instruments they bought, their bill amount and when they logged out. 
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Chapter 1 


Introduction 


1.1 Background 

The objective of this project is to implement a Musical Instrumental Store web application with 
user interface. The motivation of this project comes from my desire to learn the increasingly 
growing field of .NET, SQL server database designing, website designing and their growing 


popularity by taking up this case study. 


An online Musical Instrumental Store that allows users to check for various instruments 
available at the online store and purchase online. The project consists of list of Musical 
Instrumental tools displayed in various categories. The user may browse through these items as 
per categories. If the user likes a product he or she may add it to their shopping carts. Once user 
wishes to checkout they must register on the site first. Then they can login using same id 
password next time. Now they can pay through a credit card or cash on delivery. Once the user 
makes a successful transaction he or she gets a copy of the shopping receipt on his email id. Here 
we use user friendly interface to make the entire frontend. The middle tier or code behind model 
is designed for fast processing. And SQL serves as a backend to store tools lists data. Thus, the 
online Musical Instrumental Store project brings an entire shop online and makes it easy for both 
buyer and seller. This project is helpful to computerize the sales activities and the payment 
given to the user. 


Shops are generally closed on their specific days but online Musical Instrumental Store will be 
open all the time for the service of the people. Online Musical Instrumental Store is very fast 
technique for ordering instruments at home. 

People don't need large places for their shops they can run these shops by sitting at their home 
with the help of internet. 


So in generally Online Musical Instrumental Store’s only motive is to provide best quality of 
instrumental tools in time and without taking any efforts and providing a good service to each 
and every member of the society. 
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1.2 Objectives 


O Providing with latest instruments of different categories and various geners. 
O Maintains proper database and information. 

fo) The system calculates bill instantly and user can pay online. 

O Provides after sales services. 

O Saves time, efforts and money. 


1.3 Purpose, Scope, and Applicability 


1.3.1 Purpose 


The purpose of this project is to explore the capabilities of the Microsoft .NET Framework and 


to provide a convenient service of buying a musical instrument to online customers. 


1.3.2 Scope 


e Establish a well-respected music lesson department and start a rapport early with school band 
and church music leaders. 

e Offer extended hours to serve a larger portion of the buying public than our competitors do. 

e Educate the buying public by merchandising our products with informational/tutorial signage 
and literature, and by backing that up with knowledgeable salespeople. 

e Offer the services of a full time repair department to our client base. 

e Continually modify the product and service offerings to stay on the leading edge of technology 
within our market. 

e Exploit the many weaknesses of our local and national competitors to differentiate ourselves 
from them. 

e Users can view detailed of the parts without going anywhere. 


e Cost is calculated by the system which saves time and efforts. 


4|Page 


1.3.3 Applicability 


This application called the Musical Instrumental Store is implemented using PHP and MySQL. 


This project covers the following applications: 
An online product catalog that can be browsed: 


The work starts with adding many new product catalog features which includes displaying 


categories, products, and product details. 
Searching the Catalog: 


For the visual part, a text box is used in which the visitor can enter one or more words to search 
through the product catalog. The words entered bythe visitor are searched for in the 


products names and descriptions. 
A Custom Shopping Cart and checkout in PHP: 


A custom shopping basket is implemented, which stores its data into the local database. Also a 
“shopping cart summary control” is created that shows up in every catalog page except the 


shopping cart page. 
Handling Customer Accounts: 


Customers can log in via a login page or dialog box to get access to secured areas of the web site. 
Once logged in, the Web Application remembers the customer until the customer logs out (either 
manually via Log Out button or automatically, if the session times out or a server error occurs). All 
secure pages in a Web Application need to check whether a customer is logged in before allowing 


access. 

Catalog Administration: 

This administrative interface is implemented for easy management of the web store data. 
The catalog administration page allows the administrator to: 


e Add or remove instruments, and update the details of existing instruments. 
e View and manage the categories that belong to an instruments. 


e Manage the list of products in a specific category, and edit product details. 
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e Remove a product from a category or delete the product from the catalog. 

e Manage orders by updating their status. 

e Manage the shopping carts by removing those which haven’t been updated by the customer 
in certain amount of time. 

e The administration page also needs to ask for a username and password, so that only the 


website administrator is allowed to perform administrative tasks. 
1.4 Achievements 


Online Musical Instrumental Store are widely used over the world with the help of internet. In 
today's generation people make a large use of internet for each and everything. Online Musical 


Instrumental Store has achieved a large no of progress in today's world. 


People are able to order any type of instrument by just sitting in their homes. Because of this, the 
time to travel to the actual store is saved and people find it a convenient way to order their needs. 
You can easily login in this website/application just by filling login form. This steps of ordering 


online cakes are very easy and user friendly. People are easily able to interact over internet. 
1.5 Organization of Report 


The project Online Musical Instrumental Store system is a web based application that allows 
administration to handle all the activities online quickly and safely. Using Interactive GUI 


anyone can quickly learn to use the complete system. 


Using this, the administrator doesn't have to sit and manage the entire activities on paper, and at 
the same time, the head will feel comfortable to keep check of the whole system. This system 


will give him power and flexibility to manage the entire system from a single online portal. 


The project aims to provide varieties of products to the customer. As we know that due to the 
busy life people don't have time to visit to a particular shop and buy the things. They find the 
most convenient way of shopping which is online shopping. So Online Musical Instrumental 
Store is one of the convenient way of providing varieties of instruments to customer just by 


sitting at home. 
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Chapter 2 
SURVEY OF TECHNOLOGY 


Frontend: 

A front-end system is part of an information system that is directly accessed and interacted 
with by the user to receive or utilize back-end capabilities of the host system. It enables users to 
access and request the features and services of the underlying information system. The front-end 
system can be a software application or the combination or hardware, software and network 
resources. 

A front-end system is primarily used to send queries and requests, and receive data from the 
back-end system or the host information system. It serves or provides users with the ability to 
interact and use an information system. Typically, front-end systems have very limited 
computational or business logic processing capabilities and rely on the data and functions from the 
host system. However, some advanced level front-end systems do maintain copies of data, such as 
a duplicate of each transaction sent to the back-end system. 

A front-end system may include or consist of textual or graphical user interface (GUI) and/or 
a front-end client application that is connected by the back-end system 


In Frontend we have : 
HTMLS5 


HTMLS is a W3C specification that defines the fifth major revision of the Hypertext 
Markup Language (HTML). One of the major changes in HTMLS is in respect to how HTML 
addresses Web applications. Other new features in HTMLS5 include specific functions for 
embedding graphics, audio, video, and interactive documents. New elements also allow you to 
define sections of your Web page using new tags such as <article> which defines an article,<nav> 
which defines navigation links, <source> which defines media resources, and many others. For 


example, the navigation section of your page would be enclosed in the <nav> tags. 
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CSS3 


Cascading Style Sheets Level 3 (CSS3) is the iteration of the CSS standard used in the styling 
and formatting of Web pages. CSS3 incorporates the CSS2 standard with some changes and 
improvements. 

Some of the major modules of CSS3 are: 

e Box model 

e Image values and replaced content 

e Text effects 

e Selectors 

e Backgrounds and borders 

e Animations 

e User interface (UI) 

e Multiple column layout 


e 2D/3D transformations 


Client side 

Client-side refers to a specific part of client/server architecture, which is a network 
structure distinguishing clients or computers ordering information from servers, hardware pieces 
that deliver that information and process requests 
In a traditional client/server structure, clients consist of physical personal computers or desktop 
computer stations. These use web browsers or other connections to make demands on servers. In 
this kind of structure, if something is client-side, that means it's run in the workstations or 
computers that represent clients. 


Client side have: 


JAVASCRIPT 
JavaScript is a programming language commonly used in web development. It was original 
developed by Netscape as a means to add dynamic and interactive elements to websites. While 
JavaScript is influenced by Java, the syntax is more similar to C and is based on ECMA Script, a 


scripting language developed by Sun Microsystems. 
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JQUERY 
JQuery is a concise and fast JavaScript library that can be used to simplify event handling, 
HTML document traversing, Ajax interactions and animation for speedy website development. 
JQuery simplifies the HTML's client-side scripting, thus simplifying Web 2.0 applications 
development. 
JQuery is a free, open-source and dual-licensed library under the GNU General Public License. It 
is considered one of the favorite JavaScript (JS) libraries available today. As of 2012, it is used by 


more than half of the Web's top sites. 


Server side 
Occurring on the server side of a client-server system. For example, on the World Wide 
Web, CGI scripts are server-side applications because they run on the Web server. In 
contrast, JavaScript scripts are client-side because they are executed by 
your browser (the client). Java applets can be either server-side or side depending on which 
computer (the server or the client) executes them. 


Server side includes: 


AJAX 
Ajax (Asynchronous JavaScript and XML) is a method of building interactive applications 
for the Web that process user requests immediately. Ajax combines several programming tools 
including JavaScript, dynamic HTML (DHTML), Extensible Markup Language (XML), 
cascading style sheets (CSS), the Document Object Model (DOM), and the Microsoft object, 
XML, HttpRequest. 


MySQL 


Microsoft SQL Server is a relational database management system developed by Microsoft. As 
a database server, it is a software product with the primary function of storing and retrieving data 
as requested by other software application which may run either on the same computer or on 


another computer across a network (including the Internet). 
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Chapter 3 


REQUIREMENTS AND ANALYSIS 


3.1 PROBLEM DEFINITION 


> TIME CONSUMPTION: 
As the Test records are manually maintained it consume a lot of time. 
> PAPER WORK: 
Lot of paper work is involved as the records are maintained in the files and registers. 
> STORAGE REQUIREMENT: 
As files and registers are used the storage space requirement is increased. 
> LESS RELIABLE: 
Use of paper for storing valuable data information is not at all reliable. 
>» ACCURACY: 
As the system is in manually there are lots many chances of human errors. These causes error in 


calculating total payment given by Patients etc. 


DIFFICULTY IN KEEPING NEW RECORDS: 


It is difficult for keeping all new entries of the distributors. 


This phase consists of two main tasks: 
a. The first is to review the needs that originally initiated the project. 
b. The second is to identify at an abstract level the expected capabilities of the new system. 


It helps in understanding the system properly so that all the problems are identified correctly. It 
also involves considering all the alternatives that exist to achieve the objectives with respect to 


modifying the system, even all the various ways to implement the alternatives. 


After we thoroughly understood the existing system, it was concluded that all of the work was 
done manually. All kinds of calculations and planning were done using the human brain instead 


of taking advantage of the modern Information Technology. 
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The following limitations were found out in the existing system: 


a. Increased paper work. 
b. Extended time to access the data, and to search required data. 
c. Duplication of data. 


d. Absence of integration data. 


Increased Chances of Information Leakage or Loss of Information. 


TH 


Error-prone due to manual work. 


g. Lack of tools for manipulation of data. 
The proposed system will overcome all problems mentioned above: 


Storing data into database. 


a 
b. Less time required to access the data. 


© 


No redundancy of data. 


S 


Reducing manual work by doing tasks automatically. 
Data Integration is provided. 


f. Data is secured from leakage as it is accessible to authenticated user. 


3.2 REQUIREMENTS SPECIFICATION 


The Software Requirement Specification is produced at the culmination of the analysis task. The 
function and performance allocated to software as part of system engineering are refined by 
establishing a complete information description, a detailed functional and behavioral description, 
an indication of performance requirement and design constraints, appropriate validation criteria, 


and other data pertinent to requirements. 


The proposed system has the following requirements: 


e System needs store information about new entry of instruments. 

e System needs to keep information of Item Category and find them as per various queries. 
e System need to maintain quality record. 

e System need to keep the record of Cart. 

e System need to update and delete the record. 


e System also needs a search area. 
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3.3 PLANNING AND SCHEDULING 


Project Planning: 
Software project plan can be viewed as the following: 
1. Within the organization: How the project is to be implemented? What are various constraints 
(time, cost, and staff)? What is market strategy? 
2. With respect to the customer: Weekly or timely meetings with the customer with presentation 
on status report. Customer’s feedback is also taken and further modification and development 


are done. Project milestones and deliverables are also presented to the customer. 
For a successful software project, the following steps can be followed: 


e Select a project 
o Identifying projects aims and objectives 
o Understanding requirements and specification 
o Method of analysis, design and implementation 
o Testing techniques 
o Documentation 
e Project milestones and deliverables 
e Budget allocation 
o Exceeding limits within control 
e Project Estimate 
o Cost 
o Time 
o Size of code 
o Duration 
e Resource Allocation 
o Hardware 
o Software 
o Previous relevant project information 
o Digital Library 
e Risk Management 
o Risk avoidance 


o Risk detection 
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3.4 SOFTWARE AND HARDWARE REQUIREMENTS 


Hardware Components: 


System should be tested on different configurations & Platforms. For Optimum Performance of 


our Project, the requirement is as shown below 


Processor (CPU Type) Pentium HI , IV or higher 
RAM AGB or higher 
Disk Space Minimum 5GB 


Software Requirements: 


Operating System Windows Xp / 07 or Higher 
apne Sublime Text3 

(FRONT END) 
Database Management Software MySQL Server. 

(BACK END) 
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3.5 PRELIMINARY PRODUCT DESCRIPTION 


The first step in the system development life cycle is the preliminary investigation to determine 
the feasibility of the system. The purpose of the preliminary investigation is to evaluate project 
requests. It is not a design study nor does it include the collection of details to describe the business 
system in all respect. Rather, it is the collecting of information that helps committee members to 
evaluate the merits of the project request and make an informed judgment about the feasibility of 


the proposed project. 


Analysts working on the preliminary investigation should accomplish the following 


objectives: 


e Clarify and understand the project request 

e Determine the size of the project. 

e Assess costs and benefits of alternative approaches. 

e Determine the technical and operational feasibility of alternative approaches. 

e Report the findings to management, with recommendations outlining the acceptance or 


rejection of the proposal. 


Functions of the system: 


e Admin login: The system is under admin's supervision where he can add or modify and 
update products information. 

e User login: User has to first create an account to log into the system. User can access all 
the available instruments and shop from this registered account. 

e Products categories: The instruments are categorized according to types like drums, 
guitars, flutes and so on. 

e Bill calculation: As the user is done with product selection, a bill is generated stating the 
total cost incurred of the products bought. 

e Credit card payment: The software has online payment facility where they can make 
payment via credit card. 

e Email notification: The products thus bought and the respective bill receipt is emailed to 


the user. 
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3.6 CONCEPTUAL MODELS 


Data Flow Diagram 


Data Flow Diagram after having design the database for our project. We design the dataflow 
model which represents the process as a set of activities each of which carries out some data 
transformation. It shows how the input to the process such as specification is transformed to an 
output such as design. The activities here may be lower than in a workflow model. They may 


represent transformations carries out by people or computers. 


3.6.1 Data Flow Diagram 


| Home Page |} Edit Profile Page | 


a 


| Search 4 


Continue 
Shopping 
¥ 


¥ 
Product Listing Page 


Product Details Page [ 


: 


Shopping Cart Page 


Checkout Page 


Place Order/Payment Page 


Order Confirmation Page 


Fig 3.6.1.1 Data Flow Diagram 
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Payment Details Product Brand 


Acknowledgement 


Id and password 


Add Item to Cart 


Online Musical 
Instrumental 
Store 


Customer 


Payment confinnation 


Show Product 


Fig 3.6.1.2 Data Flow Diagram between Admin and Customer 
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3.6.2 ER Diagram for Database Design 
ER Diagram for Database Design After having drawn the structure diagram for our project, it is 
clear what kind of data should be stored in the database. Since SQL is a relational database, the 
EER modeling approach is very useful to design the database schema since it maps well to the 
relational model and the constructs used in the ER model can easily be transformed into 


relational tables. Here is the ER Diagram for the database of the system. Fig 3.6.3.1: E-R 


diagram for online Musical Instrumental Store. 


YY @ Ie 
7 


3.6.2.1 E-R diagram for online Musical Instrumental Store 
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3.6.3 UML Class Diagram 


The next step of the design phase is to draw an UML Class Diagram of the system. Since the 
programming language of the system is an object oriented one, an UML Class Diagram is 
particularly adapted to show the classes of the system, their inter- relationships, and the 
operations and attributes of the classes. Here is the class diagram of the project. Fig 3.3.1: UML 


class diagram for online Musical Instrumental Store. 


Customer 


+customerName: string +userid: string 
+address: string +password: string 
+emiail: string +loginstatus: string 


+register() 
+login() 


+verifylogin() 


Administrator 


+adminname: string 
+email: string 


+updatecatalog() 


Shippinginfo 


+shippingid;int 
+shipppingtype: string 
+shipppingcost: int 
+shippingregion: int 


+updateshippinginfo() Order Details 


Shopping cart +orderid: int 
ary +productid: int 
+cartid: int +productname: string 


+productid: int 
+quantity: int 


+quantity: int 
Sin 
“ns 
+addcartitem() +orderid: int 
+updatequantity() +dateordered: string 
+viewcartdetails() +dateshipped: string 
+checkout() +customername: string 
+customerid: sting 
+status: string 
+shippingid: string 


+calcprice() 


+placeorder() 


3.6.3.1 Class diagram for online Musical Instrumental Store 
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Chapter 4 


SYSTEM DESIGN 


4.1 BASIC MODULES 


The goal of the design phase is to transform the requirements specified in the SRS document into 
a structure that is suitable for implementation in some programming language. A system is 
simply a set of components that interact to accomplish some purpose. Systems are of two types: 
e Open Systems 
e Closed Systems 


Systems that interact with their environments are open systems. They receive input and produce 
output. In contrast; systems that do not interact with their surroundings are closed systems all on 


going systems are open. Closed systems exist only as a concepts. 
System development can generally be thought of as having two major components 


e System Analysis. 


e System Design. 


Effective analysts emphasize investigation and questioning to learn how the system currently 
operates and to identify the requirements users have for a new or modified one. Only after 
analysts fully understand the system are they able to analyze it and assemble recommendations 


for system design. 
Input Design 


Input design is the process of converting user-originated inputs to a computer-based format. 
Input design is one of the most expensive phases of the operation of computerized system and is 
often the major problem of a system. In the project, the input design is made in various window 


forms with various methods 


Output Design 
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Output design generally refers to the results and information that are generated by the system for 
many end-users; output is the main reason for developing the system and the basis on which they 


evaluate the usefulness of the application. 
Code Design 


The code design should be such that with less amount of coding we can achieve more results. 
The speed of the system will be more if the coding is less. Whether the data in the system is 
usable and readable by the system is depending on the coding. In the project, the coding is being 
done such that proper validations are made to get the perfect input. No error inputs are accepted. 
In addition care is taken such that the data integrity and referential integrity is not violated in the 
database. In addition, coding is designed such that concurrency avoidance of accessing the 


database, limited user access to the table is made perfect. 
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4.2 DATA DESIGN 


4.2.1 Schema Design 


: String 
: Number 


-cart# : Number 
-active? : Boolean 
-expire_on : Date 


: Can Detail i : 
= 
-state : Number 1 
-timestam p : Date 
-qty : Number User Account 
Order Item 
order_item# : Number H 


qty : Number -total_amt : Number 
-state : String 


: Number 
: Number 
: String 
: String 
-timestamp : Date 


Invoice History<<W>> 


ay ntate®: : bats ber -address# : Number 
eres peek tring -name : String CC# : Number 
-notes : String -addl : String illi : 

A ; B billin : i 
-tim estamp :; Date -add2!: String = haldswacine vscnde 
expire_date : Date 


-shipping# : Number payment# : Number 


-ship_method : String amount : Number 
-ship_charge : Number State ; String 
-state : String timestamp : Date 
-ship_date : Date 


-city : String 
shipping -State : String 
-zip : Number 


* 


-creation_date : Date 


<<W >> represents a weak entity towards the one-side entity. 
* means many. 


4.2.2 Data Integrity and Constraints 
1. Customer: 


Sr No. Name Type Description 


1 User ID Varchar Primary key for Customer identification 
2 First Name Varchar 

3 Last Name Varchar 

4 Password Varchar Security for Customer 

5 City Varchar 

6 Contact no Integer 

7 Postal code Integer 


8 Email address Varchar 
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9 State Varchar 


10 Address Varchar 
2. Product: 
Sr No. Name Type Description 
1 Product ID Integer Primary key for Identification 
2 Product Name Varchar 
3 Price Integer 
4 Category Id Integer 
3. Category 
Sr No. Name Type Description 
1 Category ID Integer Primary key for Identification 
2 Category Name Varchar 
3 Description Varchar 


4.3 USER INTERFACE DESIGN 


Index page 


Enjoy a Professional Experience 
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Home page 


PRODUCT CART MY ORDERS. SIGN OUT 


Our Products 


> All Products 
> GUITARS 
> PIANOS 


ALL PRODUCTS 
> DRUMS 


v 
ae 


LUTES 


v 
ae 


RUMPETS 


> VIOLINS 


Price Range 


> All 
> 1000-5000 

> 5000 - 10000 
> 10000 - 50000 


> 50000 And above 


Shopping cart page 


PRODUCT CART MY ORDERS SIGN OUT 


Shopping Cart Price Details 


2 Amount % 120000 
Beats Purple Haze 5 Pcs Black Plated Fusion Shell Pack (+) GST (28%) 233600 
Amount Qantity Total Amount (-)Discount (10%) 212000 


<= 7000 z z 
¢ 70000 Got z Total Amount 141600 


Cash on Delivery 


Pay Now 


Beats Cutaway Electro Acoustic Guitar Vintage Sunb 
Amount Qantity Total Amount 
0 & 1 e z 0 Delivery Address 


= 500 


Tapasya society 


Change Address 
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4.4 SECURITY ISSUES 


4.4.1 Security mechanisms 


This system is provided with authentication, without this user can pass. So only the legitimate 
users are allowed to use the application. If the legitimate users share the authentication information 


then the system is open to outsiders. 

4.4.2 Limitations 

Since it is an online project, customers need internet connection to buy products. 
People who are not familiar with computers can’t use this software. 

Customer must have debit card or credit card to purchase products. 

4.4.3 Future scope and further enhancement 


This web application involves almost all the features of the online shopping. The future 


implementation will be online help for the customers and chatting with website administrator. 


4.5 TEST CASES DESIGN 


Software testing is an investigation conducted to provide stakeholders with information about the 


quality of the product or service under test. 
The essence of testing is to: 
_| Catch as many errors as possible. 


_| Correct the errors. 


Track the errors to understand their causes and any patterns that may exist. 


|| Revalidate the stability of the solutions, including ensuring that the correction of one error 


does not lead to introduction of another error somewhere else. 


A primary purpose for this testing is to detect software failures so that defects may be uncovered 


and corrected. The scope of this software testing often includes examination of code as well as 
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execution of that code in various environments and conditions as well as examining the aspects 


of code: does it do what it is supposed to do and do what it needs to do. 
Testing is done on the following levels: 


Regression Testing: Regression testing focuses on finding defects after a major code change has 
occurred. Specifically, it seeks to uncover software regression, or old bugs that have come back. 
Such regressions occur whenever software functionality that was previously working correctly 


stops working as intended. 
Stability Testing: 


Stability testing checks to see if the software can continuously function well in or above an 


acceptable period. This activity of non-functional software. 
Usability Testing: 


Usability testing is needed to check if the user interface is easy to use and understand. It approaches 


towards the use of the application. 
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Chapter 5 


IMPLEMENTATION AND TESTING 


5.1 IMPLEMENTATION APPROACHES 


Start Planning the Site Design 


Many people think this is where you jump into your web editor and start building, but the best 


sites start with a plan and start that plan even before the first wireframe is built. 
Site Design plan includes: 


e Details about the information architecture. 

e The planned structure of the site. 

e A site map of the pages to be designed and built. 

e And technical details like if scripts or Ajax will be used, whether there will be a server- 


side language like PHP in use, shopping cart and so on. 
Design Starts after Planning 


This is where most of us start to have fun with the design phase of the project. We can jump right 
into editor now. But it is recommended still remain outside of it and make your design in a 


graphics program or even on paper first. 
Must consider the following points while designing: 


e Wireframes and the layout of the designs. 

e Color including creating a color scheme for the site and how those colors work together 
in harmony. 

e Also plan on a theme for site including decorative images and icons, including a 


site favicon. 
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Gather or Create the Site Content 


Content is what people come to your site for. This can include text, images, and multimedia. By 
getting at least some of the content ready ahead of time, it will become more easy to start 


building the site. 
Must look for: 


e Text: This can be articles, blog posts, lists, reviews, or anything that you want to write 
about on my site. 

e Graphics: There are lots of places to find images for web pages including free images. 
Be sure you’re using the right format for your images. 

e Multimedia: Remember that multimedia can have a negative impact on your site. Make 
sure that you're adding sound and video to your sites appropriately. Multimedia isn’t 


appropriate for all target audiences. 
Start Building the Site 


After completion of planning and designing of the website, then building the HTML and CSS 


will be easier. It is the best part to work on. 
Use lots of different technologies to build the site: 


e HTML: This is the basis of the website. 

e CSS: Once done with HTML, CSS helps to create the design planned. And CSS is easy to 
learn. 

e JavaScript 

e PHP 


e Databases 
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Testing the Site 


Testing the website is critical both throughout the building phase and after its is built. While 
building it, preview of your pages must be done periodically to make sure the HTML and CSS 


are working correctly. 
Then make sure: 


e The site meets the goals set out in step one. 
e The technical features (HTML, CSS, scripts, and so on) work correctly. Troubleshoot the 
problems efficiently, and remember to validate. 


e The design works in significant browsers. 


5.2 CODING DETAILS AND CODE EFFICIENCY 


Coding details 


Efficiency is the amount of computing resources and code required by a program to perform its 
functions. Efficient codes are required for the better performance of the system. Efficient coding 
makes a system robust. A method is robust if it does not fail even if it receives improper 


parameters. Robustness against internal bugs may be trade off against efficiency. 


The need for efficiency arises due to the cost of consideration. If some resources are scarce and 
expensive, it is desirable that those resources should be used efficiently. In the computer system 
the resources the most often considered for efficiency are processor time and less memory. This 
coding for the system has been started after completing the design phase, because all software 
methodologies emphasize the importance of first designing then coding. The codes that construct 
this system are structured, modular, efficient, and require less amount of computing resources. All 
functions of this system are understandable since the functions are small and coherent. Functions 
and variables are meaningful variable names to increase the readability and avoided abbreviations 


that may confuse the users. 
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In order to execute the database queries faster used the following methods. During the retrieval of 
data from the database using SELECT statement all the known conditions are specified in the 


WHERE clause. 


If we want to find the maximum, minimum, sum and average value or the count of a database 
column, use a Select list with aggregate functions instead of computing the aggregates within the 
program. The RDBMS is responsible for aggregated computations instead of transferring large 
amount of data to the application. Overall network, application server and database load is also 


considerably less. 
Index page 


<!DOCTYPE html> 

<html lang="en"> 

<head> 

<title>Musical instrumental store</title> 

<meta charset="utf-8"> 

<meta name="Vviewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> 

<link href="../assets/css/style.css" rel="stylesheet" id="bootstrap-css"> 


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" 
type="text/css" media="all" /> 


<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" 
type="text/javascript"></script> 


<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" 
rel="stylesheet"> 


</head> 

<body> 

<!-- Top navigation --> 

<nav class="navbar navbar-expand-md fixed-top top-nav headerbg" style="border: none;"> 
<div class="container"> 

<a class="navbar-brand" href="index.php"> 


<img class="img-responsive" src="../assets/images/logoremake.png"></a> 
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<a class="hm-login-link " data-toggle="modal" href="#myModal">Login</a> </div> </nav> 
<!-- Intro Banner --> 

<section class="intro carousel slide bg-overlay-light h-auto" id="carouselExampleCaptions"> 
<ol class="carousel-indicators"> 

<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li> 

<li data-target="#carouselExampleCaptions" data-slide-to="1" class=""></li> 

<li data-target="#carouselExampleCaptions" data-slide-to="2" class=""></li> 

</ol> 

<div class="carousel-inner" role="Llistbox"> 

<div class="carousel-item active"> 


<img style="width: 100%;" class="d-block img-fluid" alt="First slide" 
src="../assets/images/bg_7.jpg"> 


<div class="carousel-caption "> 
<h2 class="display-4 text-white mb-2 mt-4">Enjoy a Professional Experience</h2></div></div> 
<div class="carousel-item"> 


<img style="width: 100%;height: 100%;" class="d-block img-fluid" alt="Second slide" 
src="../assets/images/bg_9.jpg"> 


<div class="carousel-caption "> 
<h2 class="display-4 text-white mb-2 mt-4">Simple &amp; Elegant Design</h2></div></div> 
<div class="carousel-item"> 


<img style="width: 100%;" class="d-block img-fluid" alt="Third slide" 
src="../assets/images/bg_4.jpg"> 


<div class="carousel-caption "> 


<h2 class="display-4 text-white mb-2 mt-4">Quality &amp; Value 
Assurance</h2> </div></div> </div> 


<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data- 
slide="prev"> 


<span class="carousel-control-prev-icon" aria-hidden="true"></span> 
<span class="sr-only">Previous </span> </a> 


<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data- 
slide="next"> 
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<span class="carousel-control-next-icon" aria-hidden="true"></span> 
<span class="sr-only">Next</span></a></section> 

<!--End Intro Banner --> 

<!-- Middle --> 

<section class="info-section"> 

<div class="container"> 

<div class="head-box text-center mb-5"> 

<h2>Explore Our Products</h2> 


<h6 class="text-underline-primary">Beats brings you a wide selection of musical instruments and 
equipment in India online.</h6> </div> 


<div class="three-panel-block mt-5"> 

<div class="row"> 

<div class="col-lg-3 col-md-6 col-sm-6" > 

<a href="product.html"> 

<div class="service-block-overlay text-center mb-5 p-lg-3 hm-box1" > 
<h3>Guitars</h3></div></a> </div> 

<div class="col-lg-3 col-md-6 col-sm-6"> 

<a href="#"> 

<div class="service-block-overlay text-center mb-5 p-lg-3 hm-box2"> 
<h3>Pianos</h3></div></a></div> 

<div class="col-lg-3 col-md-6 col-sm-6"> 

<a href="#"> 

<div class="service-block-overlay text-center mb-5 p-lg-3 hm-box3"> 
<h3>Violins</h3></div></a> </div> 

<div class="col-lg-3 col-md-6 col-sm-6"> 

<a href="#"> 

<div class="service-block-overlay text-center mb-5 p-lg-3 hm-box4"> 
<h3>Drums</h3> </div> </a> </div></div> </div></div> </section> 
<!--- Footer ---> 
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<footer> 

<div class="container"> 

<div class="row "> 

<div class="col-md-12 pull-right "> 

<ul class="social-network social-circle "> 

<li><a href="#" class="icoRss" title="Rss"><i class="fa fa-rss"></i></a></li> 

<li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></1></a> </li> 
<li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li> 
<li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus" > </i> </a> </li> 
<li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li> 
</ul> </div> 

<div class=" col-md-12 text-center "> 

Copyright &copy; 2019 reserved by Mayuresh. 

</div> </div></div> </footer> 

</body> </html> 

<!-- Middle --> 

<!-- footer start --> 

<!-- footer ends --> 

<!--- Model Popup Box ---> 

<script src="../assets/js/jquery.min.js"></script> 

<script src="../assets/js/bootstrap.min.js"></script> 

<script src="../assets/js/main.js"></script> 

<script src="../assets/js/index.js"></script> 


</body> </html> 


Registration page 
<form id="register-form" name="register-form" method="post" role="form" style="display: 
none;"> 


<div class="modal-dialog"> 
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<div class="modal-content "> 

<!-- Modal Header --> 

<div class="modal-header"> 

<h4 class="modal-title">Sign Up</h4> 
<button type="button" class="close" data-dismiss="modal">&times;</button> </div> 
<!-- Modal body --> 

<div class="modal-body"> 

<div class="panel"> 

<div class="panel-body"> 

<div class="row"> 

<div class="col-lg-12"> 

<div class="form-group"> 


<input type="text" name="name" id="name" tabindex="1" class="form-control" 
placeholder="Full Name" value=""></div> 


<div class="form-group"> 


<input type="email" name="email" id="email" tabindex="2" class="form-control" 
placeholder="Email Address" value=""></div> 


<div class="form-group"> 


<input type="text" name="phoneno" id="phoneno" tabindex="3" class="form-control" 
placeholder="Phone Number" value=""></div> 


<div class="form-group"> 


<input type="text" name="address" id="address" tabindex="4" class="form-control" 
placeholder="Address" value=""></div> 


<div class="form-group"> 


<input type="text" name="username" id="username" tabindex="5" class="form-control" 
placeholder="Username" value=""></div> 


<div class="form-group"> 


<input type="password" name="password" id="password" tabindex="6" class="form-control" 
placeholder="Password"> </div> 


<div class="form-group"> 
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<input type="password" name="cpassword" id="cpassword" tabindex="7" class="form-control" 
placeholder="Confirm Password"></div> 


<div class="form-group text-center"> 


<input type="button" name="btnregister"” id="btnregister" tabindex="4" class="form-control btn 
btn-success" value="Register Now"> 


<div class="text-danger" id="err2"></div></div> 

<div class="form-group text-center"> 

<a href="#" class="model-link" id="login-form-link">Login</a> </div> 
</div></div> </div> </div> </div></div> 

</form> </div> 


<!--- Model Popup Box ---> 


Login page 


<div class="modal" id="myModal"> 

<form id="login-form" name="login-form" method="post" role="form" style="display: block;"> 
<div class="modal-dialog"> 

<div class="modal-content "> 

<!-- Modal Header --> 

<div class="modal-header"> 

<h4 class="modal-title">Login</h4> 

<button type="button" class="close" data-dismiss="modal">&times;</button> </div> 
<!-- Modal body --> 

<div class="modal-body"> 

<div class="panel"> 

<div class="panel-body"> 

<div class="row"> 

<div class="col-lg-12"> 


<div class="form-group"> 
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<input type="text" name="username" id="username" tabindex="1" class="form-control" 
placeholder="Username" value=""></div> 


<div class="form-group"> 


<input type="password" name="password" id="password" tabindex="2" class="form-control" 
placeholder="Password"> </div> 


<div class="form-group text-center"> 


<button type="button" name="btnlogin" id="btnlogin" tabindex="3" class="form-control btn btn- 
success" >Log in</button> </div> 


<div class="form-group text-danger text-center" id="err1"></div> 
<div class="form-group text-center"> 
<a href="#" class="model-link" id="register-form-link">Register</a> </div> </div></div> </div> 


</div> </div></div> </div></form> 


Product page 


<?php 

require_once "header.php"; 

?> 

<section class="middle-container" > 

<div class="container"> 

<div class="row"> 

<div class="col-md-3"> 

<div class="Ccat-list"> 

<h3>Our Products</h3> 

<ul> 

<li><a href="product.php"> AI Products</a></li> 
<?php 

$rows = $objproject->select("id, category", "categorymaster", "1=1"); 
// pre($rows); //for viewing the data in rows 


$rows = json_decode($rows, true); 
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// pre($rows); //for viewing the data in rows 
foreach ($rows as $row) { ?> 


<li><a href="product.php?catid=<?php echo $row['id']; ?>&catname=<?php echo 
$row['category'];?>"><?php echo $row["category"]; ?></a></li> 


<?php } ?> 

</ul> </div> 

<div class="cat-list"> 

<h3>Price Range</h3> 

<ul><li><a href="product.php?price=0 and 10000000"> All</a> </li> 

<li><a href="product.php?price=1000 and 5000"> 1000 - 5000</a></li> 
<li><a href="product.php?price=5000 and 10000">5000 - 10000</a></li> 
<li><a href="product.php?price=10000 and 50000"> 10000 - 50000</a></li> 
<li><a href="product.php?price=50000 and 10000000">50000 And above</a> </li> 
</ul> </div></div> 

<div class="col-md-9 cat-products " style="overflow: hidden;"> 

<?php 

$catname = "All Products"; 

if(isset($_GET['catname'])) 

$catname = $_GET['catname'];?> 


<div class="block-30 block-30-sm item " style="background-image: url(’../../assets/images/<?php 
echo $catname; ?>.jpg');" data-stellar-background-ratio="0.5"> 


<div class="container"> 

<div class="row align-items-center "> 

<div class="col-md-10 text-center " > 

<span class="subheading-sm "> 

<?php 

echo "$catname";?> 

</span> </div></div></div></div></h3><hr/> 


<div class="row"> 
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<?php 

$condition = "1=1"; 

if(isset($_GET|['catid'])) 

$condition = "caregoryid =" . $_GET['catid'); 
if(isset($_GET|['price'])) 

$condition = "price between " . $_GET['price’); 

$rows = $objproject -> select("*", "productmaster", $condition); 
$rows = json_decode($rows, true); 

// pre($rows); 

if($rows == 0) 

{ 

echo "<h2>No Products Found</h2>"; 

} 

else 

foreach ($rows as $row) 

{ ?> 

<!-- start --> 

<div class="col-md-4 col-sm-6" > 

<div class="product-grid " > 

<!-- <div class="spinner-border text-danger"></div> --> 
<div class="product-image"> 

<a><img class="pic-1" src="<?php echo $row['img']; ?>"> </a> 
<ul class="social"> 


<li><a href="addqty.php?prodid=<?php echo $row['id'];?>" data-tip="Add to Cart"><i class="fa 
fa-shopping-cart text-center" style="font-size: 28px;"></1></a></li> 


</ul></div> 
<div class="product-content"> 
<h3 class="title"><a href="addqty.php?prodid=<?php echo $row['id'];?>"><?php echo 


$row['name']; ?></a></h3> 
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<h6 class="title"> Type: <?php echo $row['type'];?> </h6> 

<div class="price"> <i class="fa fa-inr"></i> <?php echo $row['price’] - ($row['price'] * 0.1); ?> 
<span> <i class="fa fa-inr"></i> <?php echo $row['price']; ?></span></div> 

<a class="add-to-cart" href="addqty.php?prodid=<?php echo $row['id'];?>">+ Add To Cart</a> 
</div></div></div> 

<!-- end --> 

<?php } ?> 

</div> </div></div> </div></section> 

<!-- Middle --> 


<?phpre(""footer"); ?> 


5.2.1 Code Efficiency 


e The code repeating again was made as a module which is common for all 

e Proper indentation is given to understand the code 

e The forms are designed in a way that all the data and buttons are properly viewed and 
spaced. User can easily see and understand. 

e Any person can use it easily as it is user friendly 

e This code also gives a flicker free experience with the use of Ajax technology. 

e All the validations on the input fields are performed through Ajax which prevents the 


page from refreshing to check validations on every click on submit button. 


Code Optimization 


1. Modulo and division operation take a lot of time and they should be replaced by 
something else. 

2. Try to analyze the problem and obtain an alternate representation of the problem. 

3. Try to eliminate the IF statements from your code in the case that their only purpose is to 


set some values based on a condition. 


Helper module is created to for the code repeated which is common for all. 


Helper.php 


<?php 
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require_once 'connect.php’; 
class helper extends connect 
{ 
function update($table, $collist, $condition) 
{ 
$sql= "update $table set $collist where $condition"; 
return $this->conn->query($sql); 
} 
function delete($table,$condition) 
{ 
$sql= "delete from $table where $condition"; 
return $this->conn->query($sql); 
} 
function insert($table,$collist,$valuelist) 
{ 
$sql= "insert into $table ($collist) values ($valuelist)"; 
return $this->conn->query($sql); 
} 
function select($columns,$table,$condition) 
{ 
$sql="Select $columns from $table where $condition"; 
$answer=$this->conn->query($sql); 
if($answer->num_rows==0) 


{ 
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return 0; 


} 
else 
{ 
while($ans=$answer->fetch_array(1)) 
{ 
Srows[]=$ans; 
} 
} 


return json_encode($rows); 
} 
function dropdownlist($id, $collist, $table, $condition, $class) 
{ 
echo "<select name='$id' id='$id' class='$class'>"; 
echo "<option value='-1'>Select</option>"; 
$rows = $this->select($collist, $table, $condition); 
//pre($rows); 
$rows = json_decode($rows, true); 
//pre($rows); 
foreach ($rows as $row) { 
//pre($row); 
$row = array_values($row); 
// pre($row); 


echo "<option value='{$row[0]}'>{$row[1]}</option>"; 
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} 


echo "</select>"; 


}?> 


5.3 TESTING APPROACH 


Software testing is a process which is used to measure the quality of software developed. It is 
also a process of uncovering errors in a program and makes it a feasible task. It is useful process 
of executing program with the intent of finding bugs. 

In order to prove that a piece of software works, the software must be tested to determine if the 
requirements of the application are met. There are several different types of tests used throughout 
the development process. 

Software testing is an investigation conducted to provide stakeholders with information about 
the quality of the product or service under test. Software testing can also provide an objective, 
independent view of the software to allow the business to appreciate and understand the risks of 


software implementation. 


5.3.1 Unit Testing 


Unit Testing is defined as a type of software testing where individual units/ components of a 
software are tested. Unit testing of software applications is done during the development 
(coding) of an application. The objective of Unit Testing is to isolate a section of code and verify 
its correctness. In procedural programming, a unit may be an individual function or procedure. 


Unit testing is usually performed by the developer. 


Sometimes software developers attempt to save time by doing minimal unit testing. This is a 
myth because skipping on unit testing leads to higher Defect fixing costs during System 
Testing, Integration Testing and even Beta Testing after the application is completed. Proper unit 
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testing done during the development stage saves both time and money in the end. Here, are key 


reasons to perform unit testing. 


STUB 


$("'#btnlogin").click(function( 
{ 

data = $("#login- 
form'').serialize(), 
$(''#err1").html("'Login is 
successful... ") 

<?php 

session_start(); 

$username = 

$ SESSION["username"]; 
if($username == "admin") 
header("location: 
admin/category.php");?> 
public $conn=""; 
function __construct() 
{$this->conn = new 
mysqli(self:: HOST1, 
self:: USER1, 

self:: PWD1,self::DB1);} 
function __destruct() 

{ $this->conn->close(); 


echo "DB Disconnected"; 


} 
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ACTUAL 
VALUE 


LEVEL 


Login.php Login is 


successful 


Redirect.php Open a 
admin/ 
category.php 


page 


Connect.php Successful 
Connection 


to Data base 


Connect.php Close the 
data base 


connection 


EXPECTE DEFE COMMEN 


D VALUE 


Login is 


successful 


Open a 
admin/ 
category.ph 
Pp page 


Successful 
Connection 


to Data base 


Close the 
data base 


connection 


CT 


0 


0 


T 


Data is 


submited 


Give a 
direction one 
page to 


another 


Connected to 


DB 


Connection 


is Closed 


function Helper.php Could not Data 1 0 rows 


insert($table,$collist,$valuelist able to insert inserted effected 
) a value Successfull 
y 


Boundary value testing 


Boundary Value Testing is the process of testing between extreme ends or boundaries between 


partitions of the input values. 


e So these extreme ends like Start- End, Lower- Upper, Maximum-Minimum, Just Inside- 
Just Outside values are called boundary values and the testing is called "boundary 
testing”. 


e The basic idea in boundary value testing is to select input variable values at their: 


Just below the minimum 
Minimum 

Just above the minimum 
A nominal value 

Just above the Maximum 


Maximum 


Bee SON IF) QE wR OE 


Just below the maximum 


Boundary value test for shopping cart: 


MIN+ 2 
Min 1 
Min- 0 
Nominal 5 
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Max+ 11 


Max 10 
Max- 9 
Cart value Expected Actual Defects comments recommendation 
output output 
2 Product Product None Product added None 
added added 
1 Product Product None Product added None 
added added 
0 Product not Product not None Minimum Minimum 1 
added added quantity is 1 product must be 
added 
5 Product Product None Product added None 
added added 
11 Product not Product not None Limit of the Maximum 10 
added added quantity products at a time 
exceeds 
10 Product Product None Product None 
added added added 
9 Product Product None Product None 
added added added 
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5.3.2 Integrated Testing 


Integration Testing is the phase in software testing in which individual software modules are 


combined and tested as a group. 


A typical software project consists of multiple software modules, coded by different 


programmers. Integration Testing focuses on checking data communication amongst these 


modules. 


Hence it is also termed as 'I & T' (Integration and Testing), 'String Testing’ and sometimes 


‘Thread Testing’. 


Login 


STUB 


setTimeout(functi 
on() 

{ 
if(result.match('1' 
)) 
window.location. 
href = 
"redirect.php"; 
else 
$("#err1").html(re 
sult) 

}, 1000) 
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LEVEL 


Login.php 


ACTUAL 
VALUE 


Redirect to 


product.php 
page. 


EXPECTE DEF 
D VALUE ECT 
Redirect to 
product.php 

page 


OR 


Show the 

Invalid 

username 0 
and 

password 


message 


COMMEN 
T 


5.3.3 Beta Testing 


Beta Testing is one of the Acceptance Testing types, which adds value to the product as the end- 
user (intended real user) validates the product for functionality, usability, reliability, and 


compatibility. 


Inputs provided by the end-users helps in enhancing the quality of the product further and leads 
to its success. This also helps in decision making to invest further in the future products or the 


same product for improvisation. 


No User ACTUAL EXPECTED DEFECT Comments 
Acceptance VALUE VALUE 
1 Register user Data Data Registration is 
data in data Registered Registered 0 Done 
base Successfully..... Successfully... successfully 
Access a user Invalid Login User login 
2 data using Username and _ successfully 1 using data 
login form Password 
Project run No error Opening of Project is open 
3 successfully | message, open Home page of 0 successfully 
a Home page project 
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5.4 MODIFICATIONS AND IMPROVEMENTS 


¢ Zooming of the product image can be done by hovering a mouse over the image before 


adding it to the cart. 
¢ User friendly interface to add or remove the product from the shopping cart. 
¢ Sorting can be done with the categories and the price range of the products. 
¢ Payment module is added for online payment. 
¢* OTP is sent to the user’s mobile for verifying the mobile number for COD. 


¢ Attractive color combinations of the GUI makes user to shop effortlessly without 


straining the eyes and searching for the modules. 
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SR 
No 


5.5 TEST CASES 


Form 


Name 


Login 


Login 


Registration 


Registration 


Registration 
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Test 


Condition 


Check 
login with 


valid input 


Check 
login with 


valid input 


Check 
Alphabetic 


Values 


Check 
Numeric 


Value 


Check 
Phone 


Number 


Step or 


Procedure 


Username 
with 
Wrong 


password 


Wrong 
Username 
with 
correct 
password 
If Numbers 
Are 


Inserted 


If 
Alphabets 
Are 
Inserted 

If Phone 
Number Is 
More Than 
10 Digit 


Input Test 
Data 


User name: 
admin 
Password: 


Admin 
User name: 
ADMIN 
Password: 


Admin 


Name: 


mayal23 


Salary 


9773566021 


Expected Result 


Display 
Message: 
“Invalid 
Username or 
Password” 
Display 
Message: 
“Invalid 
Username or 
Password” 
Display 
Message: “only 
Characters are 


allowed” 


Display 
Message: “only 
digits are 
allowed” 
Display 
Message: “Enter 
10 digit number 


only”. 


Actual Output 


Display Message 
“Invalid 
Username or 


Password” 


Display Message 
“Invalid 
Username or 


Password” 


Display 
Message: “Only 
Characters are 


allowed” 


Display 
Message: “only 
digits are 
allowed” 
Display 
Message: “Enter 
10 digit number 


Se eed | 


only”. 


Pass/ 
Fail 


Pass 


Pass 


Pass 


Pass 


Pass 


6 


Registration Check 


tI|T ape 


Phone 


Number 


If Phone 
Number Is 
Less Than 
10 Digit 


8200776609 Display 
Message: “Phone 
number cannot 
be less than 10 
digit”. 


Display 
Message: “Phone 
number cannot 
be less than 10 
digit”. 


Pass 


Registration 


page 


Add to cart 


Remove from 


cart 


Payment 


page 
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Chapter 6 


RESULTS AND DISCUSSION 


6.1 TEST REPORTS 
Test case Description 
Login page Validate 


users details 


and redirect 


Validate 
inputs and 
store it in 


database 


Add the 
products in 
the shopping 


cart 


Delete the 
product from 


the cart 


Accept 
payment 
from the 
users debit 


card 


Actual output 


Valid details, 
redirected 


successfully 


Valid inputs, 
redirected 


successfully 


Specified 
quantity 
added 


successfully 


Specified 
quantity 
removed 


successfully 


Money 
debited from 
users account 
and credited 
to company’s 


account 


Expected 


output 


Valid details, 
redirected 


successfully 


Valid inputs, 
redirected 


successfully 


Specified 
quantity 
added 


successfully 


Specified 
quantity 
removed 


successfully 


Money 
debited from 
users account 
and credited 
to company’s 


account 


Result 


Comment 


6.2 USER DOCUMENTATION 


The project Online Musical Instrumental Store system is a web based application that allows 
administration to handle all the activities online quickly and safely. Using Interactive GUI 


anyone can quickly learn to use the complete system. 


Registeration page: 


Login page: 
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Product page: 


PRODUCT CART MY ORDERS SIGN OUT 


Our Products 


> All Products 
> GUITARS 
> PIANOS ALL PRODUCTS 
> DRUMS 
> FLUTES 
> TRUMPETS 


> VIOLINS 


Price Range 


> All 


> 1000 - 5000 


> 5000 - 10000 
> 10000 - 50000 — 


> 50000 And above / \ 
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Add to cart page: 


PRODUCT CART MY ORDERS SIGN OUT 


Beats Red Accent Drive Acoustic Drum Kit 
5 Piece 


The Drive configuration is a full-sized, totally playable drum set package complete 
with cymbals, durable hardware, drum throne, and a chain-drive pedal. 


Amount 
= 26000 


Qantity 
= 3 + 


Amount 
% 52000 


Add to Cart # 


Cart page: 


PRODUCT CART MY ORDERS SIGN OUT 


Shopping Cart Price Details 
3 Amount % 120000 
_ Beats Purple Haze 5 Pcs Black Plated Fusion Shell Pack (+) GST (28%) 233600 
e F | ARSOUIE Qantity Total Amount (-)Discount (10%) 712000 
‘ie = 70000 Goi & = 70000 Total Amount 2141600 


Cash on Delivery 
Beats Cutaway Electro Acoustic Guitar Vintage Sunb 


Amount Qantity Total Amount 


= 50000 oi & = 50000 Delivery Address 


Tapasya society 
Change Address 
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Cash on Delivery page: 


Online payment page: 
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Verifying OTP 


Enter OTP 


ferify OTI 


.0 OTP is sent to your registered phone number 7021404360 


Payment Details 


CARD NUMBER 


Valid Card Number 


EXPIRY DATE 


MM 


YY 


CCV/PIN 


CW 


ATM PIN 


Orders page: 


Order No. 


wo 


Admin 


Items 


Beats 


Beats 
Beats 
Beats 


Beats 


ornado Drums Acoustic Drum Kit 


Purple Haze 5 Pcs Black Plated Fusion She 
Cutaway Electro Acoustic Guitar Vintage Sunb 
Red Accent Drive Acoustic Drum Kit 5 Piece 


Purple Haze 5 Pcs Black Plated Fusion She 


Beats Cutaway Electro Acoustic Guitar Vintage Sunb 


Beats 


Beats 


Red Accent Drive Acoustic Drum Kit 5 Piece 


Purple Haze 5 Pcs Black Plated Fusion She! 


Beats Cutaway Electro Acoustic Guitar Vintage Sunb 


Beats 


Beats 


Red Accent Drive Acoustic Drum Kit 5 Piece 


banez MD39C 39 inch Cutaway Acoustic Guitar 


Beats TR1010 Bb Trumpet Lacquer 


Beats 


Add category page: 
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PA700 Professional Arranger Keyboard 


Category: 


Bill 


44450 


198000 


198000 


198000 


14400 


111000 


CATEGORY 


GST 


12447 


55441 


55441 


55441 


4033 


31081 


PRODUCT CART 


Total Bill Time 


52452 


233641 


233641 


233641 


16993 


130981 


PRODUCT 


2019-04-06 20:55:32 


2019-04-06 20:54:24 


2019-04-06 20:54:00 


2019-04-06 20:52:18 


2019-04-03 18:32:25 


2019-04-02 12:38:53 


VIEWPRODUCT ORDERS 


Save Category 


MY ORDERS 


Type 


coD 


coD 


coD 


coD 


Paid 


coD 


HISTORY 


SIGN OUT 


Status 


pending 


pending 


pending 


pending 


pending 


pending 


SIGN OUT 


Add product page: 


View product page: 


Show | +0 v 
Product Name 


Beats TR 4000 Bb Trumpet 


Beats 44 Violin 


Beats 5 Holes Shaman Native American Bass Flute 


Beats 5 String 44 European Violin 
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CATEGORY 


Product: 


Category: 


Select 


Type: 


Price: 


Image: 


Choose File | No file chosen 


Description: 


PRODUCT VIEWPRODUCT ORDERS 


Save Product 


CATEGORY 


entries 


15 Category Type 
TRUMPETS Tradtional 
VIOLINS Violin 
FLUTES Traditional 
VIOLINS Violin 


PRODUCT VIEWPRODUCT ORDERS 


Search: 


Image 


HISTORY 


HISTORY 


Price 


35000 


20000 


20000 


23000 


SIGN OUT 


SIGN OUT 


Delete 


Order history page: 


CATEGORY 


Order Items Bill Name 
No. 
al Beats PA700 Professional Arranger Keyboard 3 130981 mayuresh 
thorat 
Z Beats Ibanez MD39C 39 inch Cutaway Acoustic 1 16993 mayuresh 
Guitar thorat 
Beats TR1010 Bb Trumpet Lacquer 1 
3 Beats Purple Haze 5 Pcs Black Plated Fusion Shell 1 233641  mayuresh 
Beats Cutaway Electro Acoustic Guitar Vintage 1 thorat 
Sunb 
Beats Red Accent Drive Acoustic Drum Kit5 Piece 3 
5 Beats Purple Haze 5 Pcs Black Plated Fusion Shell 1 233641 mayuresh 
Beats Cutaway Electro Acoustic Guitar Vintage 1 thorat 
Sunb 
Beats Red Accent Drive Acoustic Drum Kit5 Piece 3 
of Beats Tornado Drums Acoustic Drum Kit 1 52452 mayuresh 
thorat 


Pending order page: 


CATEGORY 


Order Items Bill Name 


4 Beats Purple Haze 5 Pcs Black Plated Fusion 1 233641 + mayuresh 
Shell thorat 
Beats Cutaway Electro Acoustic Guitar 1 
Vintage Sunb 
Beats Red Accent Drive Acoustic Drum Kit5 = 3 
Piece 
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PRODUCT VIEWPRODUCT 


Phone 


7021404360 


7021404360 


7021404360 


7021404360 


7021404360 


PRODUCT VIEWPRODUCT 


Phone Address 


7021404360 Tapasya 
society 


Address 


Tapasya 
society 


Tapasya 
society 


Tapasya 
society 


Tapasya 
society 


Tapasya 
society 


Type 


coD 


ORDERS 


ORDERS 


Type 


coD 


Paid 


coD 


coD 


coD 


HISTORY SIGN OUT 


Time 


2019-04-06 


21:03:39 


2019-04-06 
21:03:40 


2019-04-06 
21:03:41 


2019-04-06 
21:03:45 


2019-04-06 
21:03:44 


HISTORY SIGN OUT 


Time Deliver 
2019-04-06 Deliver 
20:54:00 


Chapter 7 


CONCLUSIONS 


7.1 CONCLUSION 


We have successfully implemented the site “Online Musical Instrumental Store’. With the help 
of various links and tools, we have been able to provide a site which can now be live and run on 
the web. We have been successful in our attempt to take care of the needs of both the customers 


as well as the administrator. 


Finally we hope that this will go a long way in popularizing the organization and making its 
work of enrollment, keeping track of Musical instruments, customer’s orders, etc much more 


efficient. 


7.1.1 Significance of the System 


With the help of Online Musical Instrumental Store web design we get an opportunity to have 
products and services available to customers 24 hours. It gives a good exposure to our business 
and help us to reach out to potential customers. Since most of the people prefer to shop online 
due to lack of time, we can easily make more revenue. With the help of an e-commerce website 
people can select and buy desired products anytime. They can pay easily through credit cards or 


other payment options available in website. 


When it comes to buying gifts for your family and friends, an ecommerce shopping cart is what 
people prefer these days. Almost everything is available over internet. You just need to visit the 
website, select a product, and add it in your shopping cart and pay. The gift will be delivered to 


the mentioned destination on time. Is not that simple and hassle free? 


Another feature of an Online Musical Instrumental Store website is that one can save an item in 
your 'cart' and buy it later. Thus, they do not have to go through the procedure of searching the 


product again as it is already saved in their list. This is why e-commerce websites are so user- 
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friendly. For those wondering about the delivery of products and issues related to it, here is how 


it works. 


Since the whole process of purchasing things takes place online, people sometimes doubt about 
the timely delivery of the products. In case their requested product does not reach or reaches late, 
they can make a complaint at the 'goods return’ section. The required measures will be taken then 


to ensure that they get what they had paid for. 


Thus, ecommerce development is highly important in today's competitive environment. 


7.2 LIMITATIONS OF THE SYSTEM 


¢ Limitation of Online Musical Instrumental Store is, it does not have a real banking 
system for online payment system and need to work on it on further updates. 

¢ Customers can’t give the reviews and ratings on the product buyed. 

¢ Tracking of the delivery is not made by the system. 


* Returning of product modules are not been developed. 


7.3 FUTURE SCOPE OF THE PROJECT 


This web application involves almost all the features of the online shopping. The future 


implementation will be : 


¢ Online help for the customers and chatting with website administrator. 

¢ Online tracking system for the customers to track their products before delivery. 

* Customers will able to provide comments and ratings on the product the purchased. 
¢ Online customer support system will be created for answering any queries of the 


customers. 
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